<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="test">
			<!--组件传值，子组件传方法-->
			<!--方法短线连接-->
			<component :page='page' :current_page='current_page' :page_total='page_total' @page-change="JumpPage"></component>			
			<input type="text" v-model='page' />
		</div>
		
		<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
		<script src="vue.min.js"></script>
		<script src="component2.js"></script>
		<script type="text/javascript">
			new Vue({
				'el':'#test',
				data:{
					page:1,
					page_total:100,
					current_page:1					
				},
				methods:{
					JumpPage:function(val,index){
						console.log(val+','+index)						
					}
				}
			})
		</script>
	</body>
</html>
